<?php 
include "../includes/verificasession.php"
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Comentários.
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>SISAT "Sistema de Atendimento Externo"</title>
<!-- Chamada Função de teste de obrigatoriedade de campos -->
<script type="text/javascript" src="validacampou.js"></script>
<script type="text/javascript" src="../includes/js/jquery.js"></script>
<script type="text/javascript" src="../includes/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="../includes/js/funcoes.js"></script>
<!-- Chamada da página de estilo da Página completa -->
<link rel="stylesheet" type="text/css" href="../includes/css/estilo.css" />
<link rel="stylesheet" type="text/css" href="../includes/css/demo_table.css" />
<!-- Chamada da página de estilo da Página Cadastro -->
<link rel="stylesheet" type="text/css" href="../includes/css/cadastro.css" />
<script>
$(document).ready(function() {    
	oTableServico = $('#Tabela').dataTable({
		"bFilter": false,
		"bPaginate": false,
		"sPaginationType": "full_numbers",
		"bLengthChange": false,
		"bInfo": false,
		"bProcessing": false,
		"bServerSide": false,
		"oLanguage": {            
			"sLengthMenu": "Exibindo _MENU_ registros por página",            
			"sZeroRecords": "Nenhum registro encontrado",            
			"sInfo": "Exibindo _START_ até _END_ de _TOTAL_ registros",            
			"sInfoEmpty": "Exibindo 0 até 0 de 0 registros",            
			"sNext": "Próximo"        }	
	});
	oTablePecas =  $('#TabelaPecas').dataTable({
		"bFilter": false,
		"bPaginate": false,
		"sPaginationType": "full_numbers",
		"bLengthChange": false,
		"bInfo": false,
		"bProcessing": false,
		"bServerSide": false,
		"oLanguage": {            
			"sLengthMenu": "Exibindo _MENU_ registros por página",            
			"sZeroRecords": "Nenhum registro encontrado",            
			"sInfo": "Exibindo _START_ até _END_ de _TOTAL_ registros",            
			"sInfoEmpty": "Exibindo 0 até 0 de 0 registros",            
			"sNext": "Próximo"        }	
	});

});
</script>
<!-- Chamada Função de Preenchimento dos campos CPF e Outros de obrigatoriedade de campos -->
<script type="text/javascript" src="../includes/js/jquery.maskedinput-1.1.4.pack.js"></script>
<!-- Chamada da página de estilo da Página completa -->
<!-- Inicio da Função de Autopreenchimento dos campos -->
<script type="text/javascript">
	$(document).ready(function(){
		//Validação da Data.
		$("#DATA_PREVISAO").blur(function(){
			var data        = this.value;
	        var dia         = data.substr(0,2);
	        var barra1      = data.substr(2,1);
	        var mes         = data.substr(3,2);
	        var barra2      = data.substr(5,1);
	        var ano         = data.substr(6,4);
	        //verifica se a data é valida
	        if(data.length!=10||barra1!="/"||barra2!="/"||isNaN(dia)||isNaN(mes)||isNaN(ano)||dia>31||mes>12){
	            alert("Data inv"+String.fromCharCode(225)+"lida.");
	            this.value = "";
	        }
	        //verifica meses com 31 dias
	        if((mes==4||mes==6||mes==9||mes==11) && dia==31){
	            alert("Data inv"+String.fromCharCode(225)+"lida.");
	            this.value = "";
	        }
	        //valida dia 20 e ano bisexto
	        if(mes==2 && (dia>29 || (dia==29&&ano%4!=0))){
	            alert("Data inv"+String.fromCharCode(225)+"lida.");
	            this.value = "";
	        };
		});
		$("#DATA_PREVISAO").mask("99/99/9999");
		//Validação da Hora
		$("#HORA_PREVISAO").blur(function(){
			var hora        = this.value;
	        var hr       	= hora.substr(0,2);
	        var ponto      	= hora.substr(2,1);
	        var mim         = hora.substr(3,2);
	        //verifica se a hora é valida
	        if(hora.length!=5||ponto!=":"||isNaN(hr)||isNaN(mim)||hr<08||hr>17||mim>59){
	            alert("Fora do Horário de Atendimento");
	            this.value = "";
	        }
		});
		$("#HORA_PREVISAO").mask("99:99");
	});
</script>
<!-- Fim da Função de Autopreenchimento dos campos -->
</head>

<body>
	<!-- Inicio do Topo da Página -->
	<div id="wrapper">
		<div id="header">
			<div id="logo">
				<h1></h1>
			</div>
			<!--Chamada do Menu que fica junto com o nome do sistema. -->
			<div id="menu">
					<?php include '../includes/menu.php'?>
			</div>
		</div>
		<!--Inicio da Tabela de Cadastro de Cliente -->
		<div id="pcadastro">
			<h1>Abertura de chamado</h1>
			<form id="cadastro" method="post" action="cchamado.php" onsubmit="return validaCampou();">
				<table width="910" border="0">
					<?php if( $_SESSION['NV_ACESSO_USUARIO'] >= 5 )
					{?>
					<tr>
						<td style="width:170px;">Cliente:</td>
						<td>
							<select name="ID_CLIENTE" id="ID_CLIENTE">
					    		<option value=""></option>
								<?php include 'cliente.php' ?>
					  		</select>
					  		<span class="style1">*</span>
						</td>
					</tr>
					<?php 
					}
					?>
                    <tr>
						<td style="width:170px;">Tipo serviço:</td>
						<td>
							<select name="ID_ESPECIALIDADE" id="ID_ESPECIALIDADE" onchange="buscaTipoEspecialidade(this.value);">
					    		<option value=""></option>
								<?php include 'especialidade.php' ?>
					  		</select>
					  		<span class="style1">*</span>
						</td>
					</tr>
					<tr>
						<td style="width:150px;">Sub serviço:</td>
						<td>
							<select name="ID_TIPO_ESPECIALIDADE" id="ID_TIPO_ESPECIALIDADE">
					    		<option></option>
					  		</select>
					  		<span class="style1">*</span>
					  		<img src="../includes/images/add.png" alt="Adicionar" onclick="add($('#ID_TIPO_ESPECIALIDADE').val());"/>
						</td>
					</tr>
					<tr>
						<td colspan="2" style="width: 500px;">
							<table id="Tabela" width="100%">
								<thead>
									<tr style="background-color: #6CF; color:#000; font-style:italic;">
										<th width="250" align="center">Serviço</th>
										<th width="450" align="center">Sub serviço</th>
										<th width="150" align="center">Valor</th>
										<th width="150" align="center">Excluir</th>
									</tr>
								</thead>
								<tbody style="text-align:center;">
									<tr>
										<td></td>
										<td></td>
										<td></td>
										<td></td>
									</tr>
								</tbody>
							</table>
							<input type="hidden" id="CONT_SERVICO" name="CONT_SERVICO" value="0" />
						</td>
					</tr>
					<tr>
						<td style="width:170px;">Categoria peças:</td>
						<td>
							<select name="ID_CATEGORIA_PECA" id="ID_CATEGORIA_PECA" onchange="buscaPeca(this.value)">
					    		<option value=""></option>
								<?php include 'categoriaPecas.php' ?>
					  		</select>
						</td>
					</tr>
					<tr>
						<td style="width:150px;text-align: top;">Peça:</td>
						<td>
							<select name="ID_PECA" id="ID_PECA" onchange="buscaQtd(this.value)">
					    		<option></option>
					  		</select>
					  		<img src="../includes/images/add.png" alt="Adicionar" onclick="addPeca($('#ID_PECA').val());"/>
						</td>
					</tr>
					<tr>
						<td style="width:150px;text-align: top;">Qtd:</td>
						<td>
							<input type="text" name="qtdPeca" id="qtdPeca" value="" maxlength="3" size="5"/>
					  		<font id="qtdEstoque"></font>
						</td>
					</tr>
					<tr>
						<td colspan="2" style="width: 500px;">
							<table id="TabelaPecas" width="100%">
								<thead>
									<tr style="background-color: #6CF; color:#000; font-style:italic;">
										<th width="250" align="center">Categoria Peça</th>
										<th width="250" align="center">Peça</th>
										<th width="150" align="center">Valor unitário</th>
										<th width="50" align="center">Qtd</th>
										<th width="150" align="center">Valor total</th>
										<th width="150" align="center">Excluir</th>
									</tr>
								</thead>
								<tbody style="text-align:center;">
									<tr>
										<td></td>
										<td></td>
										<td></td>
										<td></td>
										<td></td>
										<td></td>
									</tr>
								</tbody>
							</table>
							<input type="hidden" id="CONT_PECAS" name="CONT_PECAS" value="0" />
						</td>
					</tr>
					<tr>
						<td>Descrição:</td>
						<td>
							<textarea id="ASSUNTO" name="ASSUNTO" rows="5" cols="40"></textarea>
							<span class="style1">*</span>
						</td>
					</tr>
					<tr>
						<td>Data/Hora previsão:</td>
						<td>
							<input type="text" id="DATA_PREVISAO" name="DATA_PREVISAO" value="" size="10" maxlength="10"/>
							<span class="style1">*</span>
							<input type="text" id="HORA_PREVISAO" name="HORA_PREVISAO" value="" size="5" maxlength="5"/>
							<span class="style1"> * </span> Horário de Atendimento das 08:00 às 18:00 Horas
						</td>
					</tr>
					<tr>
						<td>Valor do serviço:</td>
						<td>
							<input type="text" id="VALOR_SERVICO" name="VALOR_SERVICO" value="0,00" size="15" readonly="readonly"/> Obs.:(Valor sujeito a alterações durante a execução do serviço)
						</td>
					</tr>
					<tr>
						<td>Valor com desconto:</td>
						<td>
							<input type="text" id="VALOR_DESCONTO" name="VALOR_DESCONTO" value="0,00" size="15" readonly="readonly"/> (pagamento à vista)
						</td>
					</tr>
					<tr>
						<td colspan="2" align="center">
							<input class="btn" type="submit" id="BT_OK" name="BT_OK" value="Gravar"/>
							<input type="button" class="btn" value="Voltar" onclick='javascript:history.back()'/>
						</td>
					</tr>
				</table>
			</form>
		</div>
		<!-- Fim da Tabela de Cadastro -->
	</div>
	<!-- Fim do Topo da Página -->
	<!-- Fim de Página -->
	<div id="footer">Copyright (c) 2012 SISAT "Sistema de Atendimento
		Externo."</div>
</body>
</html>